<div bsModal #secondModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="secondModal" aria-hidden="true"
  [config]="{backdrop: false}">
  <div class="modal-dialog">
    <div class="modal-content">
      <form *ngIf="active" #secondForm="ngForm" novalidate (ngSubmit)="save()">

        <div class="modal-header">
          <h4 class="modal-title">
            <span>出库操作</span>
          </h4>
          <button type="button" class="close" (click)="close()" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>

        <div class="modal-body">
            <label>出库数量
                <span class="text-danger">*</span>
            </label>
            <div class="form-group form-md-line-input form-md-floating-label no-hint">
                <input class="form-control" name="quantity" [ngClass]="{'edited': quantity}" [(ngModel)]="quantity"
                    required>
            </div>
            <label>出库备注
            </label>
            <div class="form-group form-md-line-input form-md-floating-label no-hint">
                <textarea class="form-control" type="text" name="remark" [ngClass]="{'edited': remark}" [(ngModel)]="remark"
                rows="2"></textarea>
            </div>
        </div>

        <div class="modal-footer">
          <button [disabled]="saving" type="button" class="btn btn-default" (click)="close()">{{l("Cancel")}}</button>
          <button type="submit" class="btn btn-primary blue" [disabled]="!(secondForm.form.valid)" [buttonBusy]="saving" [busyText]="'出库中...'">
            <i class="fa fa-hourglass-half"></i>
            <span>出库</span>
          </button>
        </div>

      </form>

    </div>
  </div>
</div>
